@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
@import url('http://fonts.googleapis.com/css?family=Ek+Mukta:400,600,700');

ul { padding: 0; margin: 0; }
li { list-style: none; display: inline-block; }
body { background-color: #E5F5FF; }
a { text-decoration: none; }
a:hover { text-decoration: none; color: black;}

.bigborder { height: 3px; background-color: #CCFF33; }

#top-main {
	background-color: #0099FF;
	display: block;
	margin-bottom: 15px;
	height: 60px;
}

#top-main ul li a {
	display: inline-block;
	list-style-position: outside;
	font-size: 16px;
	padding: 8px 15px;
	color: white;
	font-family: '黑体', '微软雅黑';
}

#top-main ul li a:hover {
	background-color: white;
	color: yellowgreen;
	border-radius: 10px;
}

#top-main ul li { margin: 10px 10px 10px 0px; }

.radio-panel { background-color: white; margin-bottom: 1em; padding: 0.5em 0 0 0.2em; border-radius: 5px; color:#FF6666; }
.radio { font-size: 18px; font-family: 'Ek Mukta', '黑体'; line-height: 1em; }

.page-main { min-height: 620px; }
.main-games { text-align: center; min-height: 300px; padding: 2em; }
.main-games ul { margin: 0; padding: 0; }
.main-games ul li { width: 15%; display: inline-block; }
.main-games ul li a { font-size: 18px; color: black; padding: 10px 10px; border-radius: 10px; }
.main-games ul li a:hover { background: #0099FF; color: white; }

#doors { height: 60px; text-align: center; }
#doors ul li { margin-right: 5em; line-height: 60px; display: inline-block; }
#doors ul li a{
	font-family: '黑体', 'Ek Mukta';
	font-size: 15px;
	color: black;
	padding: 12px 12px;
	border-radius: 10px;
}

#doors ul li a:hover {
	color: white;
	background: #0099FF;
}


.foot-banner { background: #0099FF; height: 55px; text-align: center; }
.foot-banner ul li { margin: 9px 1.5em 10px 0px; }
.foot-banner ul li a {
	display: inline-block;
	list-style-position: outside;
	font-size: 16px;
	padding: 8px 0.7em;
	color: white;
	font-family: 'Ek Mukta', '黑体', '微软雅黑';
	font-weight: bold;
	border-radius: 10px;
}

.foot-banner ul li a:hover{ background: white; color: yellowgreen; }

.foot-main { background-color: #222222; height: 300px; padding: 2em 0em 0em 8em; }

.foot-main-info {
	color: #999999;
	display: block;
	float: left;
	width: 20%;
	height: 210px;
	font-family: '黑体', '微软雅黑';
	padding: 0.5em 1em;
	font-size: 14px;
	margin-left: 2.5em;
}

.foot-main-info h5 {
	color: white;
	font-family: 'Roboto', '黑体';
	font-weight: bold;
	line-height: 20px;
	font-size: 14px;
}

.foot-info { height: 45px; background-color: #666; }

.foot-text { font-size: 13px; line-height: 30px;}
.foot-href { 
	color: white;
	line-height: 40px;
	padding-left: 10px;
	font-family: '黑体', '微软雅黑';
	font-weight: bold;
	font-size: 16px;
}
.foot-href:hover{ color: #FD0005; background-color: white; display: inline-block; border-radius: 15px;}
.foot-author { line-height: 43px; padding-left: 10px; font-family: '黑体', '微软雅黑'; color: white; }
.foot-author:hover { color: #FD0005; background-color: white; display: inline-block; border-radius: 10px; }
.foot-main-info span{ font-family: 'Ek Mukta', '黑体'; color: yellow; font-weight: bolder; }
.foot-copy { color: white; font-family: 'Ek Mukta', '黑体'; line-height: 45px; padding-left: 15em; }
.foot-icp a { color: white; font-family: '微软雅黑'; line-height: 45px; padding-left: 3em; }
.foot-icp a:hover{ color:yellow; }


/**
 * 排名表样式
 */

#myTab a { color: black; }
.rank-list { padding: 1em 1em; min-height: 500px; }
.rank-list table tr th a { color: black; font-size: 3em;}
.rank-list table tr td a { color: black; font-size: 1em;}

/**
 * 玩家详情页面
 */
.user-img { text-align: center; font-size: 1.5em; margin-top: 1em; }
.user-info { float: left; min-width: 20%; text-align: center; font-size: 1.2em; }
.user-main { padding: 3em 0em 0em 11em; min-height: 300px;}
.game-intro { padding: 1em 0.5em 1em 0.5em; min-height: 50px; }